TypeScript Decorators: Metadaten-Programmiermuster für robuste Anwendungen meistern

            @MyDecorator
class MyClass {
  @AnotherDecorator
  myMethod() {
    // ...
  }
}
            

              
                Copy
              
            
          

            // tsconfig.json
{
  "compilerOptions": {
    "target": "ES2017",
    "module": "commonjs",
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "outDir": "./dist",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  }
}
            

              
                Copy
              
            
          

            npm install reflect-metadata --save
# oder
yarn add reflect-metadata
            

              
                Copy
              
            
          

            import "reflect-metadata";
// Ihr Anwendungscode folgt
            

              
                Copy
              
            
          

            function Logger(prefix: string) {
  return function (target: Function) {
    console.log(`[${prefix}] Klasse ${target.name} wurde definiert.`);
  };
}

@Logger("APP_INIT")
class ApplicationBootstrap {
  constructor() {
    console.log("Anwendung startet...");
  }
}

const app = new ApplicationBootstrap();
// Ausgabe:
// [APP_INIT] Klasse ApplicationBootstrap wurde definiert.
// Anwendung startet...
            

              
                Copy
              
            
          

            function ClassDecorator(target: Function) { ... }
            

              
                Copy
              
            
          

            const InjectableServiceRegistry = new Map<string, Function>();

function Injectable(name?: string) {
  return function<T extends { new(...args: any[]): {} }>(constructor: T) {
    const serviceName = name || constructor.name;
    InjectableServiceRegistry.set(serviceName, constructor);
    console.log(`Dienst registriert: ${serviceName}`);

    // Optional könnten Sie hier eine neue Klasse zurückgeben, um das Verhalten zu erweitern
    return class extends constructor {
      createdAt = new Date();
      // Zusätzliche Eigenschaften oder Methoden für alle injizierten Dienste
    };
  };
}

@Injectable("UserService")
class UserDataService {
  getUsers() {
    return [{ id: 1, name: "Alice" }, { id: 2, name: "Bob" }];
  }
}

@Injectable()
class ProductDataService {
  getProducts() {
    return [{ id: 101, name: "Laptop" }, { id: 102, name: "Mouse" }];
  }
}

console.log("--- Dienste registriert ---");
console.log(Array.from(InjectableServiceRegistry.keys()));

const userServiceConstructor = InjectableServiceRegistry.get("UserService");
if (userServiceConstructor) {
  const userServiceInstance = new userServiceConstructor();
  console.log("Benutzer:", userServiceInstance.getUsers());
  // console.log("User Service erstellt am:", userServiceInstance.createdAt); // Wenn die zurückgegebene Klasse verwendet wird
}
            

              
                Copy
              
            
          

            function MethodDecorator(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) { ... }
            

              
                Copy
              
            
          

            function MeasurePerformance(target: Object, propertyKey: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;

  descriptor.value = function(...args: any[]) {
    const start = process.hrtime.bigint();
    const result = originalMethod.apply(this, args);
    const end = process.hrtime.bigint();
    const duration = Number(end - start) / 1_000_000;
    console.log(`Methode "${propertyKey}" wurde in ${duration.toFixed(2)} ms ausgeführt`);
    return result;
  };

  return descriptor;
}

class DataProcessor {
  @MeasurePerformance
  processData(data: number[]): number[] {
    // Simuliert eine komplexe, zeitaufwändige Operation
    for (let i = 0; i < 1_000_000; i++) {
      Math.sin(i);
    }
    return data.map(n => n * 2);
  }

  @MeasurePerformance
  fetchRemoteData(id: string): Promise<string> {
    return new Promise(resolve => {
      setTimeout(() => {
        resolve(`Daten für ID: ${id}`);
      }, 500);
    });
  }
}

const processor = new DataProcessor();
processor.processData([1, 2, 3]);
processor.fetchRemoteData("abc").then(result => console.log(result));
            

              
                Copy
              
            
          

            function AccessorDecorator(target: Object, propertyKey: string | symbol, descriptor: PropertyDescriptor) { ... }
            

              
                Copy
              
            
          

            function CachedGetter(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
  const originalGetter = descriptor.get;
  const cacheKey = `_cached_${String(propertyKey)}`;

  if (originalGetter) {
    descriptor.get = function() {
      if (this[cacheKey] === undefined) {
        console.log(`[Cache Miss] Wert für ${String(propertyKey)} wird berechnet`);
        this[cacheKey] = originalGetter.apply(this);
      } else {
        console.log(`[Cache Hit] Zwischengespeicherter Wert für ${String(propertyKey)} wird verwendet`);
      }
      return this[cacheKey];
    };
  }
  return descriptor;
}

class ReportGenerator {
  private data: number[];

  constructor(data: number[]) {
    this.data = data;
  }

  // Simuliert eine teure Berechnung
  @CachedGetter
  get expensiveSummary(): number {
    console.log("Führe teure Zusammenfassungsberechnung durch...");
    return this.data.reduce((sum, current) => sum + current, 0) / this.data.length;
  }
}

const generator = new ReportGenerator([10, 20, 30, 40, 50]);

console.log("Erster Zugriff:", generator.expensiveSummary);
console.log("Zweiter Zugriff:", generator.expensiveSummary);
console.log("Dritter Zugriff:", generator.expensiveSummary);
            

              
                Copy
              
            
          

            function PropertyDecorator(target: Object, propertyKey: string | symbol) { ... }
            

              
                Copy
              
            
          

            interface ValidationRule {
  property: string | symbol;
  validate: (value: any) => boolean;
  message: string;
}

const validationRules: Map<Function, ValidationRule[]> = new Map();

function Required(target: Object, propertyKey: string | symbol) {
  const rules = validationRules.get(target.constructor) || [];
  rules.push({
    property: propertyKey,
    validate: (value: any) => value !== null && value !== undefined && value !== "",
    message: `${String(propertyKey)} ist erforderlich.`
  });
  validationRules.set(target.constructor, rules);
}

function validate(instance: any): string[] {
  const classRules = validationRules.get(instance.constructor) || [];
  const errors: string[] = [];

  for (const rule of classRules) {
    if (!rule.validate(instance[rule.property])) {
      errors.push(rule.message);
    }
  }
  return errors;
}

class UserProfile {
  @Required
  firstName: string;

  @Required
  lastName: string;

  age?: number;

  constructor(firstName: string, lastName: string, age?: number) {
    this.firstName = firstName;
    this.lastName = lastName;
    this.age = age;
  }
}

const user1 = new UserProfile("John", "Doe", 30);
console.log("Validierungsfehler Benutzer 1:", validate(user1)); // []

const user2 = new UserProfile("", "Smith");
console.log("Validierungsfehler Benutzer 2:", validate(user2)); // ["firstName ist erforderlich."]

const user3 = new UserProfile("Alice", "");
console.log("Validierungsfehler Benutzer 3:", validate(user3)); // ["lastName ist erforderlich."]
            

              
                Copy
              
            
          

            function ParameterDecorator(target: Object, propertyKey: string | symbol | undefined, parameterIndex: number) { ... }
            

              
                Copy
              
            
          

            interface ParameterMetadata {
  index: number;
  key: string | symbol;
  resolver: (request: any) => any;
}

const parameterResolvers: Map<Function, Map<string | symbol, ParameterMetadata[]>> = new Map();

function RequestParam(paramName: string) {
  return function (target: Object, propertyKey: string | symbol | undefined, parameterIndex: number) {
    const targetKey = propertyKey || "constructor";
    let methodResolvers = parameterResolvers.get(target.constructor);
    if (!methodResolvers) {
      methodResolvers = new Map();
      parameterResolvers.set(target.constructor, methodResolvers);
    }
    const paramMetadata = methodResolvers.get(targetKey) || [];
    paramMetadata.push({
      index: parameterIndex,
      key: targetKey,
      resolver: (request: any) => request[paramName]
    });
    methodResolvers.set(targetKey, paramMetadata);
  };
}

// Eine hypothetische Framework-Funktion, um eine Methode mit aufgelösten Parametern aufzurufen
function executeWithParams(instance: any, methodName: string, request: any) {
  const classResolvers = parameterResolvers.get(instance.constructor);
  if (!classResolvers) {
    return (instance[methodName] as Function).apply(instance, []);
  }
  const methodParamMetadata = classResolvers.get(methodName);
  if (!methodParamMetadata) {
    return (instance[methodName] as Function).apply(instance, []);
  }

  const args: any[] = Array(methodParamMetadata.length);
  for (const meta of methodParamMetadata) {
    args[meta.index] = meta.resolver(request);
  }
  return (instance[methodName] as Function).apply(instance, args);
}

class UserController {
  getUser(@RequestParam("id") userId: string, @RequestParam("token") authToken?: string) {
    console.log(`Rufe Benutzer mit ID ab: ${userId}, Token: ${authToken || "N/A"}`);
    return { id: userId, name: "Jane Doe" };
  }

  deleteUser(@RequestParam("id") userId: string) {
    console.log(`Lösche Benutzer mit ID: ${userId}`);
    return { status: "deleted", id: userId };
  }
}

const userController = new UserController();

// Simuliere eine eingehende Anfrage
const mockRequest = {
  id: "user123",
  token: "abc-123",
  someOtherProp: "xyz"
};

console.log("\n--- Führe getUser aus ---");
executeWithParams(userController, "getUser", mockRequest);

console.log("\n--- Führe deleteUser aus ---");
executeWithParams(userController, "deleteUser", { id: "user456" });
            

              
                Copy
              
            
          

            @DecoratorA
@DecoratorB
class MyClass {
  // ...
}

            

              
                Copy
              
            
          

            function LogCall(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;
  descriptor.value = function (...args: any[]) {
    console.log(`[LOG] Rufe ${String(propertyKey)} auf mit Argumenten:`, args);
    const result = originalMethod.apply(this, args);
    console.log(`[LOG] Methode ${String(propertyKey)} gab zurück:`, result);
    return result;
  };
  return descriptor;
}

function Authorization(roles: string[]) {
  return function (target: any, propertyKey: string, descriptor: PropertyDescriptor) {
    const originalMethod = descriptor.value;
    descriptor.value = function (...args: any[]) {
      const currentUserRoles = ["admin"]; // Simuliere das Abrufen der aktuellen Benutzerrollen
      const authorized = roles.some(role => currentUserRoles.includes(role));
      if (!authorized) {
        console.warn(`[AUTH] Zugriff verweigert für ${String(propertyKey)}. Erforderliche Rollen: ${roles.join(", ")}`);
        throw new Error("Unbefugter Zugriff");
      }
      console.log(`[AUTH] Zugriff gewährt für ${String(propertyKey)}`);
      return originalMethod.apply(this, args);
    };
    return descriptor;
  };
}

class SecureService {
  @LogCall
  @Authorization(["admin"])
  deleteSensitiveData(id: string) {
    console.log(`Lösche sensible Daten für ID: ${id}`);
    return `Daten-ID ${id} gelöscht.`;
  }

  @Authorization(["user"])
  @LogCall // Reihenfolge hier geändert
  fetchPublicData(query: string) {
    console.log(`Rufe öffentliche Daten mit Abfrage ab: ${query}`);
    return `Öffentliche Daten für Abfrage: ${query}`; 
  }
}

const service = new SecureService();

try {
  console.log("\n--- Rufe deleteSensitiveData auf (Admin-Benutzer) ---");
  service.deleteSensitiveData("record123");
} catch (error: any) {
  console.error(error.message);
}

try {
  console.log("\n--- Rufe fetchPublicData auf (Nicht-Admin-Benutzer) ---");
  // Simuliere einen Nicht-Admin-Benutzer, der versucht, auf fetchPublicData zuzugreifen, was die 'user'-Rolle erfordert
  const mockUserRoles = ["guest"]; // Dies wird die Authentifizierung fehlschlagen lassen
  // Um dies dynamisch zu machen, bräuchte man ein DI-System oder einen statischen Kontext für die aktuellen Benutzerrollen.
  // Der Einfachheit halber nehmen wir an, dass der Authorization-Dekorator Zugriff auf den aktuellen Benutzerkontext hat.
  // Lassen Sie uns den Authorization-Dekorator anpassen, um zu Demozwecken immer 'admin' anzunehmen,
  // damit der erste Aufruf erfolgreich ist und der zweite fehlschlägt, um verschiedene Pfade zu zeigen.
  
  // Erneuter Durchlauf mit Benutzerrolle für fetchPublicData, damit es erfolgreich ist.
  // Stellen Sie sich vor, currentUserRoles in Authorization wird zu: ['user']
  // Für dieses Beispiel halten wir es einfach und zeigen den Effekt der Reihenfolge.
  service.fetchPublicData("Suchbegriff"); // Dies führt Auth -> Log aus
} catch (error: any) {
  console.error(error.message);
}

/* Erwartete Ausgabe für deleteSensitiveData:
[AUTH] Zugriff gewährt für deleteSensitiveData
[LOG] Rufe deleteSensitiveData auf mit Argumenten: [ 'record123' ]
Lösche sensible Daten für ID: record123
[LOG] Methode deleteSensitiveData gab zurück: Daten-ID record123 gelöscht.
*/

/* Erwartete Ausgabe für fetchPublicData (wenn der Benutzer die 'user'-Rolle hat):
[LOG] Rufe fetchPublicData auf mit Argumenten: [ 'Suchbegriff' ]
[AUTH] Zugriff gewährt für fetchPublicData
Rufe öffentliche Daten mit Abfrage ab: Suchbegriff
[LOG] Methode fetchPublicData gab zurück: Öffentliche Daten für Abfrage: Suchbegriff
*/
            

              
                Copy
              
            
          

            function log(message: string) {
  return function (target: any, propertyKey: string | symbol | undefined, descriptorOrIndex?: PropertyDescriptor | number) {
    if (typeof descriptorOrIndex === 'number') {
      console.log(`Parameter-Dekorator: ${message} an Parameter #${descriptorOrIndex} von ${String(propertyKey || "constructor")}`);
    } else if (typeof propertyKey === 'string' || typeof propertyKey === 'symbol') {
      if (descriptorOrIndex && 'value' in descriptorOrIndex && typeof descriptorOrIndex.value === 'function') {
        console.log(`Methoden-/Accessor-Dekorator: ${message} an ${String(propertyKey)}`);
      } else {
        console.log(`Eigenschafts-Dekorator: ${message} an ${String(propertyKey)}`);
      }
    } else {
      console.log(`Klassen-Dekorator: ${message} an ${target.name}`);
    }
    return descriptorOrIndex; // Deskriptor für Methode/Accessor zurückgeben, undefined für andere
  };
}

@log("Klassenebene D")
@log("Klassenebene C")
class MyDecoratedClass {
  @log("Statische Eigenschaft A")
  static staticProp: string = "";

  @log("Instanzeigenschaft B")
  instanceProp: number = 0;

  @log("Methode D")
  @log("Methode C")
  myMethod(
    @log("Parameter Z") paramZ: string,
    @log("Parameter Y") paramY: number
  ) {
    console.log("Methode myMethod ausgeführt.");
  }

  @log("Getter/Setter F")
  get myAccessor() {
    return "";
  }

  set myAccessor(value: string) {
    //...
  }

  constructor() {
    console.log("Konstruktor ausgeführt.");
  }
}

new MyDecoratedClass();
// Methode aufrufen, um Methodendekorator auszulösen
new MyDecoratedClass().myMethod("hello", 123);

/* Vorhergesagte Ausgabereihenfolge (ungefähr, abhängig von der spezifischen TypeScript-Version und Kompilierung):
Parameter-Dekorator: Parameter Y an Parameter #1 von myMethod
Parameter-Dekorator: Parameter Z an Parameter #0 von myMethod
Eigenschafts-Dekorator: Statische Eigenschaft A an staticProp
Eigenschafts-Dekorator: Instanzeigenschaft B an instanceProp
Methoden-/Accessor-Dekorator: Getter/Setter F an myAccessor
Methoden-/Accessor-Dekorator: Methode C an myMethod
Methoden-/Accessor-Dekorator: Methode D an myMethod
Klassen-Dekorator: Klassenebene C an MyDecoratedClass
Klassen-Dekorator: Klassenebene D an MyDecoratedClass
Konstruktor ausgeführt.
Methode myMethod ausgeführt.
*/
            

              
                Copy
              
            
          

            import "reflect-metadata"; // Unverzichtbar für emitDecoratorMetadata

const INJECTABLE_METADATA_KEY = Symbol("injectable");
const INJECT_METADATA_KEY = Symbol("inject");

function Injectable() {
  return function (target: Function) {
    Reflect.defineMetadata(INJECTABLE_METADATA_KEY, true, target);
  };
}

function Inject(token: any) {
  return function (target: Object, propertyKey: string | symbol, parameterIndex: number) {
    const existingInjections: any[] = Reflect.getOwnMetadata(INJECT_METADATA_KEY, target, propertyKey) || [];
    existingInjections[parameterIndex] = token;
    Reflect.defineMetadata(INJECT_METADATA_KEY, existingInjections, target, propertyKey);
  };
}

class Container {
  private static instances = new Map<any, any>();

  static resolve<T>(target: { new (...args: any[]): T }): T {
    if (Container.instances.has(target)) {
      return Container.instances.get(target);
    }

    const isInjectable = Reflect.getMetadata(INJECTABLE_METADATA_KEY, target);
    if (!isInjectable) {
      throw new Error(`Klasse ${target.name} ist nicht als @Injectable markiert.`);
    }

    // Typen der Konstruktorparameter abrufen (erfordert emitDecoratorMetadata)
    const paramTypes: any[] = Reflect.getMetadata("design:paramtypes", target) || [];
    const explicitInjections: any[] = Reflect.getMetadata(INJECT_METADATA_KEY, target) || [];

    const dependencies = paramTypes.map((paramType, index) => {
      // Expliziten @Inject-Token verwenden, falls vorhanden, andernfalls Typ ableiten
      const token = explicitInjections[index] || paramType;
      if (token === undefined) {
        throw new Error(`Parameter am Index ${index} für ${target.name} kann nicht aufgelöst werden. Es könnte eine zirkuläre Abhängigkeit oder ein primitiver Typ ohne explizites @Inject sein.`);
      }
      return Container.resolve(token);
    });

    const instance = new target(...dependencies);
    Container.instances.set(target, instance);
    return instance;
  }
}

// Dienste definieren
@Injectable()
class DatabaseService {
  connect() {
    console.log("Verbindung zur Datenbank wird hergestellt...");
    return "DB-Verbindung";
  }
}

@Injectable()
class AuthService {
  private db: DatabaseService;

  constructor(db: DatabaseService) {
    this.db = db;
  }

  login() {
    console.log(`AuthService: Authentifizierung über ${this.db.connect()}`);
    return "Benutzer angemeldet";
  }
}

@Injectable()
class UserService {
  private authService: AuthService;
  private dbService: DatabaseService; // Beispiel für die Injektion über eine Eigenschaft mit einem benutzerdefinierten Dekorator oder einer Framework-Funktion

  constructor(@Inject(AuthService) authService: AuthService,
              @Inject(DatabaseService) dbService: DatabaseService) {
    this.authService = authService;
    this.dbService = dbService;
  }

  getUserProfile() {
    this.authService.login();
    this.dbService.connect();
    console.log("UserService: Benutzerprofil wird abgerufen...");
    return { id: 1, name: "Globaler Benutzer" };
  }
}

// Hauptdienst auflösen
console.log("--- UserService wird aufgelöst ---");
const userService = Container.resolve(UserService);
console.log(userService.getUserProfile());

console.log("\n--- AuthService wird aufgelöst (sollte zwischengespeichert sein) ---");
const authService = Container.resolve(AuthService);
authService.login();
            

              
                Copy
              
            
          

            function LogMethod(target: any, propertyKey: string, descriptor: PropertyDescriptor) {
  const originalMethod = descriptor.value;
  descriptor.value = function (...args: any[]) {
    console.log(`[LOG AOP] Betrete Methode: ${String(propertyKey)} mit Argumenten:`, args);
    try {
      const result = originalMethod.apply(this, args);
      console.log(`[LOG AOP] Verlasse Methode: ${String(propertyKey)} mit Ergebnis:`, result);
      return result;
    } catch (error: any) {
      console.error(`[LOG AOP] Fehler in Methode ${String(propertyKey)}:`, error.message);
      throw error;
    }
  };
  return descriptor;
}

class PaymentProcessor {
  @LogMethod
  processPayment(amount: number, currency: string) {
    if (amount <= 0) {
      throw new Error("Zahlungsbetrag muss positiv sein.");
    }
    console.log(`Verarbeite Zahlung von ${amount} ${currency}...`);
    return `Zahlung von ${amount} ${currency} erfolgreich verarbeitet.`;
  }

  @LogMethod
  refundPayment(transactionId: string) {
    console.log(`Erstatte Zahlung für Transaktions-ID: ${transactionId}...`);
    return `Rückerstattung für ${transactionId} eingeleitet.`;
  }
}

const processor = new PaymentProcessor();
processor.processPayment(100, "USD");
try {
  processor.processPayment(-50, "EUR");
} catch (error: any) {
  console.error("Fehler abgefangen:", error.message);
}
            

              
                Copy
              
            
          

            interface FieldValidationRule {
  property: string | symbol;
  validator: (value: any) => boolean;
  message: string;
}

const fieldValidationRules = new Map<Function, FieldValidationRule[]>();

function addValidationRule(target: Object, propertyKey: string | symbol, validator: (value: any) => boolean, message: string) {
  const rules = fieldValidationRules.get(target.constructor) || [];
  rules.push({ property: propertyKey, validator, message });
  fieldValidationRules.set(target.constructor, rules);
}

function IsPositive(target: Object, propertyKey: string | symbol) {
  addValidationRule(target, propertyKey, (value: number) => value > 0, `${String(propertyKey)} muss eine positive Zahl sein.`);
}

function MaxLength(maxLength: number) {
  return function (target: Object, propertyKey: string | symbol) {
    addValidationRule(target, propertyKey, (value: string) => value.length <= maxLength, `${String(propertyKey)} darf höchstens ${maxLength} Zeichen lang sein.`);
  };
}

class Product {
  @MaxLength(50)
  name: string;

  @IsPositive
  price: number;

  constructor(name: string, price: number) {
    this.name = name;
    this.price = price;
  }

  static validate(instance: any): string[] {
    const errors: string[] = [];
    const rules = fieldValidationRules.get(instance.constructor) || [];
    for (const rule of rules) {
      if (!rule.validator(instance[rule.property])) {
        errors.push(rule.message);
      }
    }
    return errors;
  }
}

const product1 = new Product("Laptop", 1200);
console.log("Produkt 1 Fehler:", Product.validate(product1)); // []

const product2 = new Product("Sehr langer Produktname, der die Fünfzig-Zeichen-Grenze zu Testzwecken überschreitet", 50);
console.log("Produkt 2 Fehler:", Product.validate(product2)); // ["name darf höchstens 50 Zeichen lang sein."]

const product3 = new Product("Buch", -10);
console.log("Produkt 3 Fehler:", Product.validate(product3)); // ["price muss eine positive Zahl sein."]
            

              
                Copy
              
            
          

            // Ein Dekorator, der sicherstellt, dass eine Methode protokolliert wird und auch Admin-Rollen erfordert
function AdminAndLoggedMethod() {
  return function (target: any, propertyKey: string, descriptor: PropertyDescriptor) {
    // Zuerst Authorization anwenden (innen)
    Authorization(["admin"])(target, propertyKey, descriptor);
    // Dann LogCall anwenden (außen)
    LogCall(target, propertyKey, descriptor);

    return descriptor; // Den modifizierten Deskriptor zurückgeben
  };
}

class AdminPanel {
  @AdminAndLoggedMethod()
  deleteUserAccount(userId: string) {
    console.log(`Lösche Benutzerkonto: ${userId}`);
    return `Benutzer ${userId} gelöscht.`;
  }
}

const adminPanel = new AdminPanel();
adminPanel.deleteUserAccount("user007");
/* Erwartete Ausgabe (angenommen Admin-Rolle):
[AUTH] Zugriff gewährt für deleteUserAccount
[LOG] Rufe deleteUserAccount auf mit Argumenten: [ 'user007' ]
Lösche Benutzerkonto: user007
[LOG] Methode deleteUserAccount gab zurück: Benutzer user007 gelöscht.
*/
            

              
                Copy
              
            
          

            function ApplyMixins(constructors: Function[]) {
  return function (derivedConstructor: Function) {
    constructors.forEach(baseConstructor => {
      Object.getOwnPropertyNames(baseConstructor.prototype).forEach(name => {
        Object.defineProperty(
          derivedConstructor.prototype,
          name,
          Object.getOwnPropertyDescriptor(baseConstructor.prototype, name) || Object.create(null)
        );
      });
    });
  };
}

class Disposable {
  isDisposed: boolean = false;
  dispose() {
    this.isDisposed = true;
    console.log("Objekt freigegeben.");
  }
}

class Loggable {
  log(message: string) {
    console.log(`[Loggable] ${message}`);
  }
}

@ApplyMixins([Disposable, Loggable])
class MyResource implements Disposable, Loggable {
  // Diese Eigenschaften/Methoden werden vom Dekorator injiziert
  isDisposed!: boolean;
  dispose!: () => void;
  log!: (message: string) => void;

  constructor(public name: string) {
    this.log(`Ressource ${this.name} erstellt.`);
  }

  cleanUp() {
    this.dispose();
    this.log(`Ressource ${this.name} bereinigt.`);
  }
}

const resource = new MyResource("NetworkConnection");
console.log(`Ist freigegeben: ${resource.isDisposed}`);
resource.cleanUp();
console.log(`Ist freigegeben: ${resource.isDisposed}`);
            

              
                Copy